<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
 <!--  /* 
  * 1. 当前版本 还不具有模板功能，单纯只是把 绑定的dom节点的 innerHTML 替换为了 data里面的属性
  * 2. 也就是 {{}} 是无意义的 里面的 属性也是无意义的。 
  * 3. 请看 v0.3
  */ -->
  <div id="bzj">{{bzj}}</div>
</head>
<body>
<script src="./js/vue_0.2.js"></script>
<script>
  const bzj = document.getElementById('bzj')
  let bue = new Vue({
    name: '你好'
  }, bzj, 'name')
  window.setTimeout(()=>{
    console.log('name的值改变了')
    bue.data.name = '22'
  },5000)
  console.log(bue);
</script>
</body>
</html>
